<template>
  <div>
    <div
      class="banner-box flex-center bg-[url('~/assets/images/solution/broadcast_banner.png')] bg-cover bg-no-repeat"
    >
      <div class="banner-con">
        <h1 class="banner-main-title">智能广播系统</h1>
        <p class="xl:w-[35vw] mt-10 banner-text">
          联筑达·智慧工地智能广播系统，通过在施工现场不同区域配置智能广播设备，承担在建项目日常与应急广播、危险警戒提醒、背景音乐播放等功能。监管部门可通过控制中心，对特定分区进行远程语音警示。不仅有助于规范施工现场安全管理，还有助于监管部门形成由点到面的高效管理格局。
        </p>
      </div>
    </div>
    
     <div class="pt-[70px] pb-20">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统功能</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div
            v-for="(item, ind) in traitList"
            :key="ind"
            class="w-[285px] h-[360px] mb-6 px-7 relative flex-center flex-col rounded-sm border border-[#EDF4FB] border-t-2 border-t-[#0099FF]"
          >
            <img
              alt="智能广播系统"
              class="inline-block w-[103px] h-[103px]"
              :src="
                require(`../../assets/images/solution/broadcast_0${ind + 1}.png`)
              "
            />
            <div class="text-[#222] mt-[15px]">{{ item.name }}</div>
            <p class="mt-[18px] text-[#828282] text-sm leading-6">
              {{ item.content }}
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="py-[90px] bg-[#fbfbfb]">
      <div class="module-con">
        <h2 class="module-title">硬件产品</h2>
        <div class="w-full mt-10 flex flex-wrap items-center justify-evenly shadow bg-[url('~/assets/images/bg_product.png')] bg-cover bg-no-repeat">
          <div class="p-5 text-center">
              <img class="w-[150px] h-[150px] inline-block" src="../../assets/images/solution/broadcast_pro_01.png" />
              <div class="text-[#444] mt-7">数字IP网络广播平台管理软件</div>
          </div>
           <div class="p-5 text-center">
              <img class="w-[150px] h-[150px] inline-block" src="../../assets/images/solution/broadcast_pro_02.png" />
              <div class="text-[#444] mt-7">数字IP网络室外防雨收扩机</div>
          </div>
           <div class="p-5 text-center">
              <img class="w-[150px] h-[150px] inline-block" src="../../assets/images/solution/broadcast_pro_03.png" />
              <div class="text-[#444] mt-7">高音喇叭</div>
          </div>
           <div class="p-5 text-center">
              <img class="w-[150px] h-[150px] inline-block" src="../../assets/images/solution/broadcast_pro_04.png" />
              <div class="text-[#444] mt-7">数字网络远程广播呼叫站</div>
          </div>
        </div>
      </div>
    </div>

    <div class="py-20">
        <div class="module-con">
            <div class="module-title">系统优势</div>
            <div class="mt-10">
                <img class="w-full" src="../../assets/images/solution/broadcast_trait.png" />
            </div>
        </div>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '信息播发',
          content:
            '根据监管部门要求，将相应的音频内容在系统中进行播发，可面向辖区内所有项目进行广播。',
        },
        {
          name: '分区控制',
          content:
            '具备分区分片的可寻址播发控制功能，可控制指定区域的接收终端开关机播发指定内容。',
        },
        {
          name: '可管可控',
          content:
            '具备对全网设备运行状态、智能广播播发全流程及播发效果的监测监管。',
        },
        {
          name: '联动报警',
          content:
            '当监管平台监测出工地异常情况，可以联动智能广播语音报警，快速响应整改。',
        },
      ],
    }
  },
  head: {
    title: '智能广播系统-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: '智能广播系统',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地智能广播系统，通过在施工现场不同区域配置智能广播设备，承担在建项目日常与应急广播、危险警戒提醒、背景音乐播放等功能。监管部门可通过控制中心，对特定分区进行远程语音警示。不仅有助于规范施工现场安全管理，还有助于监管部门形成由点到面的高效管理格局。',
      },
    ],
  },
}
</script>

<style scoped></style>
